<!DOCTYPE html>
<html lang="en" xmlns="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>商品详情 · Top - 英皇乐理 在线模考平台</title>
    <link rel="shortcut icon" th:href="@{/images/logo.png}">
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/all.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/express.css}">
    <script type="text/javascript" th:src="@{/js/jquery-3.3.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/layui/layui.js}"></script>
    <script type="text/javascript" th:src="@{/js/commons.js}"></script>
    <script type="text/javascript" th:src="@{/js/api.js}"></script>
    <script type="text/javascript" th:src="@{/js/express.js}"></script>
</head>
<body>

<div class="main-div">
    <div class="main-box">
        <div th:replace="~{commons::headerbar(active='productList')}"></div>
        <div class="content position" style="display: flex; justify-content: space-between">
        </div>
        <div class="express-info">
            <div class="express-base">
                <div class="left">
                    <img th:src="${productEntity.fileEntities[0].filePath}" />
                    <div>[[${productEntity.productName}]]</div>
                </div>
                <div class="right">
                    <div class="title">收件人信息</div>
                    <div class="item">收件人：[[${addressEntity.receiver}]]</div>
                    <div class="item">手机号码：[[${addressEntity.mobile}]]</div>
                    <div class="item">收件人地址：[[${addressEntity.addr}]]</div>
                </div>
            </div>
            <div class="express-boxs">
                <div class="item" th:each="bos : ${expressEntity.expressContentBos}">
                    <div class="icon"></div>
                    <div class="c">
                        <div class="context">
                            [[${bos.context}]]
                        </div>
                        <div class="time">[[${bos.time}]]</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div th:replace="~{commons::footerbar}"></div>
</div>
</body>
</html>